<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>当当网</title>
</head>
<link rel="stylesheet" href="dangdang.css">
<body>
    <!-- <div id="bigpage"> -->
    <!-- 网站顶部 -->
    <div id="top">
        <!-- 左侧logo -->
        <div id="topleft">
            <img src="img/logo.jpg">
        </div>
        <!-- 右侧导航 -->
        <div id="topright">
            <!-- 促销标签 -->
            <div id="topimg">
                <img src="img/icon_count.png">
            </div>
            <!-- 导航栏信息 -->
            <ul id="topul">
                <li>尾品汇</li>
                <li>当当优选</li>
                <li>数字馆</li>
                <li>都看阅器</li>
            </ul>
        </div>
    </div>
    <!-- 导航栏 -->
    <div id="navigation">
        <ul id="naul">
            <li>首页</li>  
            <li>图书</li>  
            <li>音像</li>  
            <li>童装</li>  
            <li>服装</li>  
            <li>鞋靴</li>  
            <li>运动</li>  
            <li>箱包</li>  
            <li>美妆</li>  
            <li>珠宝</li>  
            <li>家居</li>  
            <li>食品</li>  
            <li>酒</li>  
            <li>手机</li>  
            <li>数码</li>  
            <li>电脑</li>  
            <li>家电</li> 
        </ul>
    </div>
    <!-- 宣传图片 -->
    <div id="banner">
    </div>
    <!-- 中心销售商品 -->
    <div id="center">
        <!-- 左上图标 -->
        <div id="centerbg">
            <img src="img/bg_bang.gif">
        </div>
        <!-- 图书信息 -->
        <div id="books">
            <!-- 图书1，左侧的图书 -->
            <div id="book1">
                <!-- 图书销售情况图标 -->
                <div id="bookNo1">
                    <img src="img/bookNo1.gif">
                </div>
                <!-- 图书图片 -->
                <div id="book1_1">
                    <img src="img/book-01.jpg">
                </div>
                <!-- 图书基本信息 -->
                <div id="book1_info">
                        <p id="book1_title">偷影子的人 </p>
                        <p id="author">作者：[法]马克.李维(Marc Levy) 著 </p>
                        <p id="public">出版社：湖南文艺出版社</p>
                        <!-- 设置价格的颜色为红色 -->
                        <p id="price">当当价：<span style="color: red">￥17.90</span></p>  
                        <p id="info">不知道姓氏的克蕾儿。这就是你在我生命里的角色，我童年时的小女孩，今日蜕变成了女人，一段青梅竹马的回忆，一个时间之神没有应允的愿望。一个老是受班上同学欺负的瘦弱小男孩，因为拥有一种特殊能力而强大：他能"偷别人的影子"
                        </p>
                </div>

            </div>
            <!-- 左侧图书信息 -->
            <div id="book2and3">
                <!-- 第二本图书 -->
                <div id="book2">
                    <div id="bookNo2">
                        <img src="img/bookNo2.gif">
                    </div>
                    <div id="book_2">
                        <img src="img/book-02.jpg">
                    </div>
                    <div id="book2_info">
                            <p id="book2_title">看见（央视知名记者、主持人柴静：十年个人成长的告白，中国社会变迁的备忘）</p>
                            <p id="author">作者: 柴静 著 </p>
                            <p id="public">出版社：广西师范大学出版社</p>
                            <!-- 设置价格的颜色为红色 -->
                            <p id="price"> <span style="color: red">￥29.40</span>
                                <span style="color:seagreen ">7.4折 </span></p> 
                    </div>
                </div>

                <!-- 第三本图书 -->
                <div id="book3">
                    <div id="bookNo3">
                        <img src="img/bookNo3.gif">
                    </div>
                    <div id="book3">
                        <img src="img/book-03.jpg">
                    </div>
                    <div id="book3_info">
                            <p id="book3_title">改变孩子先改变自己</p>
                            <p id="author">作者: 贾容韬 贾毅 著 </p>
                            <p id="public">出版社：作家出版社</p>
                            <!-- 设置价格的颜色为红色 -->
                            <p id="price"> <span style="color: red">￥22.20</span>
                                <span style="color:seagreen ">7.4折 </span></p>   
                           
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 页面底部信息 -->
    <div id="foot">
        <div id="foot_left">  
            <p>Copyright(C) 当当网 2004-2017, All Rights Reserved</p>
        </div>
        <div id="validate">
            <img src="img/validate.gif">
        </div>
        <div id="foot_right">
            <p>京ICP证041189号出版物经营许可证 新出发京批字第直0673号</p>
        </div>
    </div>
    <!-- </div> -->
</body>
</html>